<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0032)http://imageflow.finnrudolph.de/ -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>ImageFlow</title>

<meta name="language" content="en">
<meta name="description" content="ImageFlow is an unobtrusive and userfriendly JavaScript image gallery. ImageFlow ist eine &#39;unobtrusive&#39; und benutzerfreundliche JavaScript Bildergallerie.">
<meta name="keywords" content="ImageFlow, image flow, imageflow, CoverFlow, cover flow, JavaScript, ImageFlow in JavaScript, CoverFlow in JavaScript">
<meta name="robots" content="index, follow, noarchive">
<link rel="shortcut icon" href="http://imageflow.finnrudolph.de/favicon.ico" type="image/ico">
<link rel="stylesheet" href="./ImageFlow_files/style.packed.css" type="text/css">
<link rel="stylesheet" href="./ImageFlow_files/imageflow.packed.css" type="text/css">
<script type="text/javascript" src="./ImageFlow_files/imageflow.packed.js"></script>
</head>
<body>
<div class="colmask leftmenu">
	<div class="colright">
		<div class="col1wrap">
			<div class="col1">

				<h1>ImageFlow</h1>

				<div id="instanz_1" class="imageflow" style="visibility: visible; height: 623px;">
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
				<div id="instanz_1_images" class="images" classname="images" style="height: 417px;"><img src="./ImageFlow_files/reflect2.php" longdesc="img/01.jpg" width="383" height="255" alt="Image 1" style="cursor: default; display: none; left: 75.92116194113841px; height: 160.77012931609192px; width: 160.9802863478777px; top: 309.81991378927205px; visibility: hidden; z-index: 21;"><img src="./ImageFlow_files/reflect2(1).php" longdesc="img/02.jpg" width="324" height="432" alt="Image 2" style="cursor: default; display: none; left: 88.74174913440096px; height: 274.13242176142415px; width: 137.06621088071208px; top: 234.24505215905054px; visibility: hidden; z-index: 21;"><img src="./ImageFlow_files/reflect2(2).php" longdesc="img/03.jpg" width="383" height="287" alt="Image 3" style="cursor: default; display: block; left: 56.819493713437495px; height: 144.92974549258344px; width: 128.9386585915435px; top: 320.38016967161104px; visibility: visible; z-index: 21;"><img src="./ImageFlow_files/reflect2(3).php" longdesc="img/04.jpg" width="383" height="216" alt="Image 4" style="cursor: default; display: block; left: 84.3910207116933px; height: 147.0818157594167px; width: 173.8652328267179px; top: 318.94545616038886px; visibility: visible; z-index: 22;"><img src="./ImageFlow_files/reflect2(4).php" longdesc="img/05.jpg" width="383" height="216" alt="Image 5" style="cursor: default; visibility: visible; display: block; left: 156.40289176799698px; height: 218.56292720333292px; width: 258.3629664162855px; top: 271.2913818644447px; z-index: 23;"><img src="./ImageFlow_files/reflect2(5).php" longdesc="img/06.jpg" width="383" height="216" alt="Image 6" style="cursor: default; visibility: visible; display: block; left: 434.2754844030915px; height: 305.4502629006315px; width: 361.07237867574656px; top: 213.366491399579px; z-index: 23;"><img src="./ImageFlow_files/reflect2(1).php" longdesc="img/02.jpg" width="324" height="432" alt="Image 7" style="cursor: default; visibility: visible; display: block; left: 831.7613358550823px; height: 435.5208145697669px; width: 217.76040728488346px; top: 126.65279028682207px; z-index: 22;"><img src="./ImageFlow_files/reflect2(5).php" longdesc="img/06.jpg" width="383" height="216" alt="Image 8" style="cursor: default; visibility: visible; display: block; left: 966.9616015517847px; height: 146.4670312330892px; width: 173.1384967971394px; top: 319.3553125112739px; z-index: 21;"><img src="./ImageFlow_files/reflect2(2).php" longdesc="img/03.jpg" width="383" height="287" alt="Image 9" style="cursor: default; visibility: visible; display: block; left: 1038.8826090089071px; height: 144.46700866430118px; width: 128.52697867230515px; top: 320.68866089046594px; z-index: 20;"><img src="./ImageFlow_files/reflect2(3).php" longdesc="img/04.jpg" width="383" height="216" alt="Image 10" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2.php" longdesc="img/01.jpg" width="383" height="255" alt="Image 11" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(4).php" longdesc="img/05.jpg" width="383" height="216" alt="Image 12" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(5).php" longdesc="img/06.jpg" width="383" height="216" alt="Image 13" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(2).php" longdesc="img/03.jpg" width="383" height="287" alt="Image 14" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(3).php" longdesc="img/04.jpg" width="383" height="216" alt="Image 15" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(4).php" longdesc="img/05.jpg" width="383" height="216" alt="Image 16" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(1).php" longdesc="img/02.jpg" width="324" height="432" alt="Image 17" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(2).php" longdesc="img/03.jpg" width="383" height="287" alt="Image 18" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2(3).php" longdesc="img/04.jpg" width="383" height="216" alt="Image 19" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect2.php" longdesc="img/01.jpg" width="383" height="255" alt="Image 20" style="cursor: default; visibility: hidden; display: none;"></div><p id="instanz_1_loading_txt" class="loading_txt" classname="loading_txt" style="padding-top: 294px; display: none;">loading images 20/20</p><div id="instanz_1_loading" class="loading" classname="loading" style="display: none;"><div id="instanz_1_loading_bar" class="loading_bar" classname="loading_bar" style="width: 100%;"></div></div><div id="instanz_1_navigation" class="navigation" classname="navigation" style="height: 206px;"><div id="instanz_1_caption" class="caption" classname="caption" style="width: 1224px; padding-top: 24px;">Image 6</div><div id="instanz_1_scrollbar" class="scrollbar" classname="scrollbar" style="width: 732px; margin-top: 24px; margin-left: 248px; visibility: visible;"><div id="instanz_1_slider" class="slider" classname="slider" style="cursor: e-resize; margin-left: 190.8815789473684px;"></div></div></div></div>
				<div class="wrapper">
					<div class="left">

						<div id="instanz_2" class="imageflow" style="visibility: visible; height: 374px;">
							<span>2</span>
							
							
							
							
							
							
							
							
							
							
						<div id="instanz_2_images" class="images" classname="images" style="height: 251px;"><img src="./ImageFlow_files/reflect3.php" longdesc="img/01.jpg" width="231" height="154" alt="" style="cursor: default; display: block; left: 259.0875px; height: 216.825px; width: 216.825px; top: 106.45px; visibility: visible; z-index: 10;"><img src="./ImageFlow_files/reflect3(1).php" longdesc="img/02.jpg" width="195" height="261" alt="" style="cursor: default; display: block; left: 498.6200208295591px; height: 263.248657203961px; width: 131.12002082955914px; top: 75.50089519735934px; visibility: visible; z-index: 9;"><img src="./ImageFlow_files/reflect3(2).php" longdesc="img/03.jpg" width="231" height="173" alt="" style="cursor: default; display: block; left: 580.2861407410699px; height: 117.03983071315949px; width: 104.18574525911306px; top: 172.973446191227px; visibility: visible; z-index: 8;"><img src="./ImageFlow_files/reflect3(3).php" longdesc="img/04.jpg" width="229" height="129" alt="" style="cursor: default; display: block; left: 623.6467634393971px; height: 65.31901238132829px; width: 77.30260380012496px; top: 207.45399174578114px; visibility: visible; z-index: 7;"><img src="./ImageFlow_files/reflect3(4).php" longdesc="img/05.jpg" width="229" height="129" alt="" style="cursor: default; display: block; left: 648.206149824324px; height: 51.734726399751295px; width: 61.22611031288397px; top: 216.51018240016577px; visibility: visible; z-index: 6;"><img src="./ImageFlow_files/reflect3(5).php" longdesc="img/06.jpg" width="229" height="129" alt="" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect3(2).php" longdesc="img/03.jpg" width="231" height="173" alt="" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect3(3).php" longdesc="img/04.jpg" width="229" height="129" alt="" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect3(1).php" longdesc="img/02.jpg" width="195" height="261" alt="" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/reflect3(5).php" longdesc="img/06.jpg" width="229" height="129" alt="" style="cursor: default; visibility: hidden; display: none;"></div><p id="instanz_2_loading_txt" class="loading_txt" classname="loading_txt" style="padding-top: 165.5px; display: none;">loading images 10/10</p><div id="instanz_2_loading" class="loading" classname="loading" style="display: none;"><div id="instanz_2_loading_bar" class="loading_bar" classname="loading_bar" style="width: 100%;"></div></div><div id="instanz_2_navigation" class="navigation" classname="navigation" style="height: 123px;"><div id="instanz_2_caption" class="caption" classname="caption" style="width: 735px; padding-top: 15px;">&nbsp;</div><div id="instanz_2_scrollbar" class="scrollbar" classname="scrollbar" style="width: 438.59999999999997px; margin-top: 15px; margin-left: 150px; visibility: visible;"><div id="instanz_2_slider" class="slider" classname="slider" style="cursor: e-resize; margin-left: -1.75px;"></div><div id="instanz_2_previous" class="previous button" classname="previous button"></div><div id="instanz_2_next" class="next button" classname="next button"></div></div></div></div>

					</div>
					<div class="right">
					
						<div id="instanz_3" class="imageflow" style="visibility: visible; height: 249px;">
							<span>3</span>
							
							
							
							
							
							
							
							
							
							
							
							
						<div id="instanz_3_images" class="images" classname="images" style="height: 167px;"><img src="./ImageFlow_files/bottom_01.jpg" longdesc="img/01.jpg" width="231" height="154" alt="" style="cursor: default; opacity: 0.2; display: block; left: 17.066476460770716px; height: 27.239998662535843px; width: 40.85999799380377px; top: 147.54285809818867px; visibility: visible; z-index: 13;"><img src="./ImageFlow_files/bottom_03.jpg" longdesc="img/03.jpg" width="231" height="173" alt="" style="cursor: default; opacity: 0.4; display: block; left: 22.737832765162455px; height: 38.645861165753715px; width: 51.60227704791392px; top: 139.39581345303304px; visibility: visible; z-index: 14;"><img src="./ImageFlow_files/bottom_04.jpg" longdesc="img/04.jpg" width="229" height="129" alt="" style="cursor: default; opacity: 0.6; display: block; left: 33.76566611034763px; height: 39.19337865730871px; width: 69.57584273274183px; top: 139.00472953049376px; visibility: visible; z-index: 15;"><img src="./ImageFlow_files/bottom_05.jpg" longdesc="img/05.jpg" width="229" height="129" alt="" style="cursor: default; opacity: 0.8; display: block; left: 62.55529839916308px; height: 58.23436058410573px; width: 103.37727576558305px; top: 125.4040281542102px; visibility: visible; z-index: 16;"><img src="./ImageFlow_files/bottom_06.jpg" longdesc="img/06.jpg" width="229" height="129" alt="" style="cursor: default; opacity: 1; display: block; left: 137.50589376421465px; height: 122.13988327222508px; width: 216.8219633282135px; top: 79.75722623412494px; visibility: visible; z-index: 16;"><img src="./ImageFlow_files/bottom_03.jpg" longdesc="img/03.jpg" width="231" height="173" alt="" style="cursor: default; visibility: visible; display: block; opacity: 0.8; left: 325.0224726367115px; height: 77.0777836460416px; width: 102.91889030193995px; top: 111.94444025282743px; z-index: 15;"><img src="./ImageFlow_files/bottom_04.jpg" longdesc="img/04.jpg" width="229" height="129" alt="" style="cursor: default; visibility: visible; display: block; opacity: 0.6; left: 387.0556252885745px; height: 39.05988127217046px; width: 69.33885900253516px; top: 139.10008480559253px; z-index: 14;"><img src="./ImageFlow_files/bottom_06.jpg" longdesc="img/06.jpg" width="229" height="129" alt="" style="cursor: default; visibility: visible; display: block; opacity: 0.4; left: 415.8688381744815px; height: 28.992908264425363px; width: 51.468030950026424px; top: 146.29077981112476px; z-index: 13;"><img src="./ImageFlow_files/bottom_01.jpg" longdesc="img/01.jpg" width="231" height="154" alt="" style="cursor: default; visibility: visible; display: block; opacity: 0.2; left: 432.2012012230055px; height: 27.183268682598662px; width: 40.774903023898px; top: 147.58337951242953px; z-index: 12;"><img src="./ImageFlow_files/bottom_05.jpg" longdesc="img/05.jpg" width="229" height="129" alt="" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/bottom_06.jpg" longdesc="img/06.jpg" width="229" height="129" alt="" style="cursor: default; visibility: hidden; display: none;"><img src="./ImageFlow_files/bottom_03.jpg" longdesc="img/03.jpg" width="231" height="173" alt="" style="cursor: default; visibility: hidden; display: none;"></div><p id="instanz_3_loading_txt" class="loading_txt" classname="loading_txt" style="padding-top: 103px; display: none;">loading images 12/12</p><div id="instanz_3_loading" class="loading" classname="loading" style="display: none;"><div id="instanz_3_loading_bar" class="loading_bar" classname="loading_bar" style="width: 100%;"></div></div><div id="instanz_3_navigation" class="navigation" classname="navigation" style="height: 82px;"><div id="instanz_3_caption" class="caption" classname="caption" style="width: 490px; padding-top: 10px;">&nbsp;</div><div id="instanz_3_scrollbar" class="scrollbar" classname="scrollbar" style="display: none; width: 291.59999999999997px; margin-top: 10px; margin-left: 101px; visibility: visible;"><div id="instanz_3_slider" class="slider" classname="slider" style="cursor: e-resize; margin-left: 104.28636363636362px;"></div></div></div></div>

					</div>
					<div class="clear"></div>
				</div>

				<div id="google_ad_right">
					<script type="text/javascript"><!--
					google_ad_client = "pub-2290830273808194";
					google_ad_slot = "2777132926";
					google_ad_width = 468;
					google_ad_height = 60;
					//-->
					</script>
					<script type="text/javascript" src="./ImageFlow_files/show_ads.js">
					</script><ins style="display:inline-table;border:none;height:60px;margin:0;padding:0;position:relative;visibility:visible;width:468px"><ins id="aswift_0_anchor" style="display:block;border:none;height:60px;margin:0;padding:0;position:relative;visibility:visible;width:468px"><iframe width="468" height="60" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){w.location.replace(h)}}" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;"></iframe></ins></ins>
				</div>

			</div>
		</div>

		<div class="col2">
			<div id="text">
				<h2>Download</h2>
				<p>You can download the latest ImageFlow version at <a href="http://finnrudolph.de/ImageFlow/Download">finnrudolph.de/ImageFlow/Download</a>.</p>
				<h2>About</h2>			
				<p>ImageFlow is an unobtrusive and userfriendly JavaScript image gallery. For more information about ImageFlow read the <a href="http://finnrudolph.de/ImageFlow/Features">features list</a>, take a look at the <a href="http://finnrudolph.de/ImageFlow/Documentation">documentation</a> and check the <a href="http://finnrudolph.de/Blog/Tagged/ImageFlow">blog</a>. For anything else simply drop a line in the <a href="http://finnrudolph.de/Shoutbox">shoutbox</a>.</p>
				<p id="google_ad_1eft">
					<script type="text/javascript"><!--
					google_ad_client = "pub-2290830273808194";
					google_ad_slot = "9933356278";
					google_ad_width = 200;
					google_ad_height = 200;
					//-->
					</script>
					<script type="text/javascript" src="./ImageFlow_files/show_ads.js">
					</script><ins style="display:inline-table;border:none;height:200px;margin:0;padding:0;position:relative;visibility:visible;width:200px"><ins id="aswift_1_anchor" style="display:block;border:none;height:200px;margin:0;padding:0;position:relative;visibility:visible;width:200px"><iframe width="200" height="200" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){w.location.replace(h)}}" id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;"></iframe></ins></ins>
				</p>
				<p></p><h2>License</h2><p></p>
				<p> ImageFlow falls under a <a href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons Attribution-Noncommercial 3.0 Unported License</a>. That means you need the author's permission to use ImageFlow on commercial websites. You get this permission by <a href="http://finnrudolph.de/ImageFlow/Download">purchasing a commercial license</a>.</p>
			</div>
		</div>
	</div>
</div>

<!-- The following javascript is Google Analytics trackingcode and has nothing to do with ImageFlow -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script src="./ImageFlow_files/ga.js" type="text/javascript"></script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-1076251-6");
pageTracker._trackPageview();
</script>

</body></html>